<!doctype html>
<html lang="en">

<head>
	<title>Home</title>
	{%include file="public/head_common" /%}
	<style type="text/css">
		body,html{
			width:100%;
			height: 100%;
		}
		.main{
			height: 100%;
		}
		
		#iframe1{
			width: 100%;
			height: 100%;
		}

		.bg-color{
			background-color: #1d9a71;
		}
		/*#nav-main>li ul>li>a:hover{
			background-color: #1d9a71;
		}*/
	</style>
</head>

<body>
	<!-- WRAPPER -->
	<div id="wrapper">
		<!-- NAVBAR -->
		{%include file="public/top" /%}
		<!-- END NAVBAR -->

		<!-- LEFT SIDEBAR -->
		{%include file="public/left_side" /%}
		<!-- END LEFT SIDEBAR -->
		
		<!-- MAIN -->
		<div class="main">	
			<!-- OVERVIEW -->
			<iframe id ="iframe1" src="{%:url('Index/publicT')%}" frameborder="0" name="frame_a"></iframe>
			<!-- END OVERVIEW -->
					

		</div>
		<!-- END MAIN -->
		<div class="clearfix"></div>
		<footer>
			<div class="container-fluid">
				
				
			</div>
		</footer>
	</div>
	<!-- END WRAPPER -->
	<!-- Javascript -->
	<script src="__STATIC__/assets/vendor/jquery/jquery.min.js"></script>
	<script src="__STATIC__/assets/vendor/bootstrap/js/bootstrap.min.js"></script>

	<script type="text/javascript">
		$('#nav-main>li ul').on('click','li>a',function(){
			$(this).css({'background-color':'#1d9a71'}).parent().siblings().find('a').css('background-color','transparent');
			$(this).parent().parent().parents('li').siblings().find('a').css('background-color','transparent');
			//$(this).addClass('bg-color');
		})
	</script>
	
</body>

</html>
